<!DOCTYPE html>
<html lang="zh-cmn-Hans">

<head>
    <meta charset="UTF-8">
    <title>医疗病例管理系统</title>
    <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
    <link rel="stylesheet" href="css/style.css">
    <script type="text/javascript" src="js/index.js"></script>
</head>

<body>

    <div id="background">
        <div id="sign">
            <h3>MCMS</h3>
        </div>
        <nav>
            <ul>
                <li> <a href="#">首页</a> </li>
                <li> <a href="#">帮助</a> </li>
                <li> <a href="about">关于</a> </li>
            </ul>
        </nav>

        <div id="title">
            <div class="title1">
                <h1>欢迎使用医疗病例管理系统</h1>
                <p>Welcome to use medical case management system</p>
                <a class="doctor-button" href="login/doctor.html">医生入口</a>
                <a class="patient-button" href="login/patient.html">患者入口</a>
            </div>
        </div>
        <div class="login">
            <div class="docker">
                <p class="login_address">您的位置:医生登录</p>
                <div class="login_txt1"> <span>账户</span>
                    <input type="text" class="login_input" /> </div>
                <div class="login_txt2"> <span>密码</span>
                    <input type="password" class="login_input" /> </div>
                <button type="button" class="login_button">登录</button>
            </div>
        </div>
    </div>

    <div id="about">
        <div class="PersonalHealthManagement"> <img src="images/4.png" alt="就医记录">
            <p id="bold">就医记录
                <p>
                    <p>快速了解自己健康、就医记录</p>
        </div>
        <div class="PersonalHealthManagement"> <img src="images/1.png" alt="个人信息">
            <p id="bold">个人信息
                <p>
                    <p>管理自己的个人信息，了解自身情况</p>
        </div>
        <div class="PersonalHealthManagement"> <img src="images/2.png" alt="医疗系统">
            <p id="bold">病例系统
                <p>
                    <p>存储病例，上传、查看、管理。</p>
        </div>
        <div class="PersonalHealthManagement"> <img src="images/3.png" alt="医生查看">
            <p id="bold">医生回访
                <p>
                    <p>方便医生查看病例，及时回访</p>
        </div>
    </div>
    
    <div id="transition"> </div>
    <div id="web-information">
        <p>本网站建立于2018-3-11</p>
    </div>

    <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>

    <script src="https://cdn.jsdelivr.net/npm/vue@2.5.16/dist/vue.js"></script>
</body>

</html>